<?php
/*
 * Copyright 2013 by Jerrick Hoang, Ivy Xing, Sam Roberts, James Cook,
 * Johnny Coster, Judy Yang, Jackson Moniaga, Oliver Radwan,
 * Maxwell Palmer, Nolan McNair, Taylor Talmage, and Allen Tucker.
 * This program is part of RMH Homebase, which is free software.  It comes with
 * absolutely no warranty. You can redistribute and/or modify it under the terms
 * of the GNU General Public License as published by the Free Software Foundation
 * (see <http://www.gnu.org/licenses/ for more information).
 *
 */
?>

<script src="lib/jquery-1.9.1.js"></script>
<script src="lib/jquery-ui.js"></script>
<script
	src="lib/bootstrap/js/bootstrap.js"></script>

<script>
	$(function () {
		$('img[rel=popover]').popover({
			  html: true,
			  trigger: 'hover',
			  placement: 'right',
			  content: function(){return '<img border="3" src="'+$(this).data('img') + '" width="60%"/>';}
			});
	});
</script>

<p>
	<strong>Information about Your Personal Home Page</strong>
<p>Whenever you log into Forestdale, some useful personal information will
	appear.
<p>
	<B>If you are a staff</B> and you've never changed
	your password, you will see the following display: <BR> <BR> <a
		href="tutorial/screenshots/homeHelp2.png" class="image"
		title="homeHelp2.png" target="tutorial/screenshots/homeHelp2.png">
		&nbsp&nbsp&nbsp&nbsp<img src="tutorial/screenshots/homeHelp2.png"
		width="10%" border="1px" rel="popover"
		data-img="tutorial/screenshots/homeHelp2.png" align="center"> </a> <br>
	You may change your password by entering it and then entering your new
	password twice. After you change your password in this way, it will be
	known only to you. If you forget your password, please contact the
	house manager. Until you change your password, this display continue to
	appear here.
<p>
	<B>Master Schedule</B>, will see a displays the clinicians with the hours
        days they can work:<br><a
		href="tutorial/screenshots/masterschedule.png"
		class="image" title="masterschedule.png"
		target="tutorial/screenshots/masterschedule.png">
		&nbsp&nbsp&nbsp&nbsp<img
		src="tutorial/screenshots/masterschedule" width="10%"
		rel="popover"
		data-img="tutorial/screenshots/masterschedule.png"
		border="1px" align="center"> </a> <br>
<p>
	<B>Clinician</B>, has two options of either searching or adding clients:
<p><a
		href="tutorial/screenshots/searchclinician.png" class="image"
		title="searchclinician.png"
		target="tutorial/screenshots/searchclinician.png">
		&nbsp&nbsp&nbsp&nbsp<img
		src="tutorial/screenshots/searchclinician.png" width="10%"
		rel="popover"
		data-img="tutorial/screenshots/searchclinician.png"
		border="1px" align="center"> </a> 
    <a
		href="tutorial/screenshots/addclinician.png" class="image"
		title="addclinician.png"
		target="tutorial/screenshots/addclinician.png">
		&nbsp&nbsp&nbsp&nbsp<img
		src="tutorial/screenshots/addclinician.png" width="10%"
		rel="popover"
		data-img="tutorial/screenshots/addclinician.png"
                border="1px" align="center"> </a><br>
    <B>Appointment</B>, has two options of either searching or adding appointments:
<p><a
		href="tutorial/screenshots/searchappointment.png" class="image"
		title="searchappointment.png"
		target="tutorial/screenshots/searchappointment.png">
		&nbsp&nbsp&nbsp&nbsp<img
		src="tutorial/screenshots/searchappointment.png" width="10%"
		rel="popover"
		data-img="tutorial/screenshots/searchappointment.png"
		border="1px" align="center"> </a> 
    <a
		href="tutorial/screenshots/addappointment.png" class="image"
		title="addappointment.png"
		target="tutorial/screenshots/addappointment.png">
		&nbsp&nbsp&nbsp&nbsp<img
		src="tutorial/screenshots/addappointment.png" width="10%"
		rel="popover"
		data-img="tutorial/screenshots/addappointment.png"
                border="1px" align="center"> </a><br>
        <B>Clients</B>, has two options of either searching or adding appointments:
<p><a
		href="tutorial/screenshots/searchclient.png" class="image"
		title="searchclient.png"
		target="tutorial/screenshots/searchclient.png">
		&nbsp&nbsp&nbsp&nbsp<img
		src="tutorial/screenshots/searchclient.png" width="10%"
		rel="popover"
		data-img="tutorial/screenshots/searchclient.png"
		border="1px" align="center"> </a>